<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=1000">
    <meta name="format-detection" content="telephone=no, email=no">
    <meta content="email=no" name="format-detection" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=8" >
<![endif]-->
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta http-equiv="Pragma" content="no-cache">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <title>北斗互娱</title>
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <div class="top-wrap">
        <div class="top-bar">
            <div class="top-bar__left"> <span>本公司游戏仅适合18岁以上玩家！</span> <a class="link noLine" title="设为首页">设为首页</a> <a class="link" title="收藏本站">收藏本站</a> </div>
            <div class="top-bar__right"> <a href="login.html" class="link" title="登录">登录</a> <a href="login.html" class="link" title="注册">注册</a> <a href="about.html" class="link" title="关于我们">关于我们</a> </div>
        </div>
    </div>
    <!--# 导航-->
    <div class="nav-wrap">
        <div class="nav">
            <a class="logo"><img src="../images/logo.png" alt=""></a>
            <ul class="nav__ul">
                <li class="nav__li"> <a href="index.html" class="nav__link cur" title="首页">首页</a> </li>
                <li class="nav__li"> <a href="about.html" class="nav__link" title="关于我们">关于我们</a> </li>
                <li class="nav__li"> <a href="login.html" class="nav__link" title="充值中心">充值中心</a> </li>
                <li class="nav__li"> <a href="contact.html" class="nav__link" title="联系我们">联系我们</a> </li>
                <li class="nav__li"> <a href="intro.html" class="nav__link" title="家长监护">家长监护</a> </li>
            </ul>
        </div>
    </div>
    <div class="slider-wrap">
        <!--# 幻灯片-->
        <div class="slider">
            <div class="slider__cont">
                <ul id="slider" class="slider__ul">
                    <li>
                        <a class="cover-img" style="background-image: url(../images/banner.jpg?ver=201703221511)" title=""></a>
                    </li>
                    <li>
                        <a class="cover-img" style="background-image: url(../images/banner2.jpg?ver=201703221511)" title=""></a>
                    </li>
                    <li>
                        <a class="cover-img" style="background-image: url(../images/banner3.jpg?ver=201703221511)" title=""></a>
                    </li>
                </ul>
            </div>
            <div id="slider__bar" class="slider__bar"></div>
        </div>
        <!--#登陆模块-->
        <div class="login-mode form">
            <input type="text" class="form__text" placeholder="账号">
            <input type="text" class="form__text" placeholder="密码">
            <div class="form__box"><a class="form__regLink">注册帐号</a><a class="form__forget">忘记密码？</a></div>
            <input type="button" class="form__login">
            <div class="other-login-mod"> <span>其他帐号登录：</span>
                <a class="login-btn ico-qq" title="QQ登录"></a>
                <a class="login-btn ico-wx" title="微信登录"></a>
                <a class="login-btn ico-wb" title="微博登录"></a>
            </div>
        </div>
    </div>
    <div class="main">
        <!--#左侧-->
        <div class="sidebar">
            <div class="kaifu-mode">
                <h2 class="title-h2">最新开服</h2>
                <ul class="kaifu-mode__ul">
                    <li> <span class="kaifu-mode__time">04.10</span>
                        <a class="kaifu-mode__games-ico"> <img src="../images/wzry.png" alt="王者荣耀"> </a>
                        <h3><a class="kaifu-mode__title">王者荣耀</a></h3>
                        <p>斗战神</p>
                        <a class="button-d2">礼包</a> </li>
                    <li> <span class="kaifu-mode__time">04.04</span>
                        <a class="kaifu-mode__games-ico"> <img src="../images/hyrz.png" alt="火影忍者-忍者大师"> </a>
                        <h3><a class="kaifu-mode__title">火影忍者-忍者大师</a></h3>
                        <p>错误王国</p>
                        <a class="button-d2">礼包</a> </li>
                    <li> <span class="kaifu-mode__time">04.1</span>
                        <a class="kaifu-mode__games-ico"> <img src="../images/hyrz.png" alt="火影忍者-忍者大师"> </a>
                        <h3><a class="kaifu-mode__title">火影忍者-忍者大师</a></h3>
                        <p>愚不可及</p>
                        <a class="button-d2">礼包</a> </li>
                    <li> <span class="kaifu-mode__time">03.27</span>
                        <a class="kaifu-mode__games-ico"> <img src="../images/wzry.png" alt="王者荣耀"> </a>
                        <h3><a class="kaifu-mode__title">王者荣耀</a></h3>
                        <p>单枪匹马</p>
                        <a class="button-d2">礼包</a> </li>
                    <li> <span class="kaifu-mode__time">03.22</span>
                        <a class="kaifu-mode__games-ico"> <img src="../images/qnyh.png" alt="倩女幽魂"> </a>
                        <h3><a class="kaifu-mode__title">倩女幽魂</a></h3>
                        <p>天禧童姥</p>
                        <a class="button-d2">礼包</a> </li>
                    <li> <span class="kaifu-mode__time">03.20</span>
                        <a class="kaifu-mode__games-ico"> <img src="../images/hyrz.png" alt="火影忍者-忍者大师"> </a>
                        <h3><a class="kaifu-mode__title">火影忍者-忍者大师</a></h3>
                        <p>木叶陨落</p>
                        <a class="button-d2">礼包</a> </li>
                </ul>
            </div>
            <div class="ranking-mode">
                <h2 class="title-h2">热门排行</h2>
                <ul class="ranking-mode__ul j-ranking">
                    <li class="hot select">
                        <span class="ranking-mode__num">1</span>
                        <img src="http://app.static.appgame.com/images/game/62174269707/icon/15icon175x175.png" class="ranking-mode__img" />
                        <b class="ranking-mode__name">万智牌2015</b>
                        <strong class="ranking-mode__type">卡牌</strong>
                        <b class="ranking-mode__score">8.9</b>
                        <a class="button-d3">下载</a>
                    </li>
                    <li class="hot"> 
                        <span class="ranking-mode__num">2</span>
                        <a class="ranking-mode__img"> 
                        <img src="http://app.static.appgame.com/images/game/72531585915/icon/icon175x175-105.png" /></a> <b class="ranking-mode__name">杀手：狙击之神</b> <strong class="ranking-mode__type">射击</strong> <b class="ranking-mode__score">9.2</b> <a class="button-d3">下载</a> </li>
                    <li class="hot"><span class="ranking-mode__num">3</span> <img src="http://app.static.appgame.com/images/game/51027724541/icon/icon175x17546.png" class="ranking-mode__img" /> <b class="ranking-mode__name">混沌与秩序对决：交换卡牌游戏</b> <strong class="ranking-mode__type">卡牌</strong> <b class="ranking-mode__score">8.5</b> <a class="button-d3">下载</a></li>
                    <li><span class="ranking-mode__num">4</span> <img src="http://app.static.appgame.com/images/game/53545706260/icon/icon175x175-1110.png" class="ranking-mode__img" /> <b class="ranking-mode__name">战地霸主</b> <strong class="ranking-mode__type">射击</strong> <b class="ranking-mode__score">9.0</b><a class="button-d3">下载</a></li>
                    <li><span class="ranking-mode__num">5</span> <img src="http://app.static.appgame.com/images/game/65642639250/icon/888888.jpg" class="ranking-mode__img" /> <b class="ranking-mode__name">燃烧的蔬菜3恐龙来了</b> <strong class="ranking-mode__type">策略</strong> <b class="ranking-mode__score">8.0</b> <a class="button-d3">下载</a></li>
                    <li><span class="ranking-mode__num">6</span> <img src="http://app.static.appgame.com/images/game/63374142791/icon/icon175x175-120.png" class="ranking-mode__img" /> <b class="ranking-mode__name">现代战争5：眩晕风暴</b> <strong class="ranking-mode__type">射击</strong> <b class="ranking-mode__score">9.0</b><a class="button-d3">下载</a></li>
                    <li><span class="ranking-mode__num">7</span> <img src="http://app.static.appgame.com/images/game/50088915487/icon/icon175x175-154.png" class="ranking-mode__img" /> <b class="ranking-mode__name">植物大战僵尸2</b> <strong class="ranking-mode__type">策略</strong> <b class="ranking-mode__score">8.1</b> <a class="button-d3">下载</a></li>
                    <li><span class="ranking-mode__num">8</span> <img src="http://app.static.appgame.com/images/game/45915892/icon/mzl.zmfwknjg.175x175-75.png" class="ranking-mode__img" /> <b class="ranking-mode__name">死亡扳机2</b> <strong class="ranking-mode__type">射击</strong> <b class="ranking-mode__score">8.7</b> <a class="button-d3">下载</a></li>
                    <li><span class="ranking-mode__num">9</span> <img src="http://app.static.appgame.com/images/game/51014507508/icon/mt1633.jpg" class="ranking-mode__img" /> <b class="ranking-mode__name">我叫MT Online</b> <strong class="ranking-mode__type">卡牌</strong> <b class="ranking-mode__score">8.3</b> <a class="button-d3">下载</a></li>
                    <li><span class="ranking-mode__num">10</span> <img src="http://app.static.appgame.com/images/game/45849452/icon/icon175x175202.png" class="ranking-mode__img" /> <b class="ranking-mode__name">杀手2-影子阴谋</b> <strong class="ranking-mode__type">射击</strong> <b class="ranking-mode__score">8.2</b> <a class="button-d3">下载</a></li>
                </ul>
            </div>
        </div>
        <!--#主要列表内容-->
        <div class="content">
            <div class="block-mode">
                <h2 class="title-h2">北斗推荐</h2>
                <ul class="list-v1">
                    <li>
                        <a class="list-v1__link"> <em class="cover-img" style="background-image: url(../images/img1.jpg)"></em> </a>
                        <p class="list-v1__title"> <em>诛仙</em> <span>真正体验回合制策略游戏的乐趣</span>
                            <a class="list-v1__btn"></a>
                        </p>
                    </li>
                    <li>
                        <a class="list-v1__link"> <em class="cover-img" style="background-image: url(../images/2.jpg)"></em> </a>
                        <p class="list-v1__title"> <em>上古奇迹</em> <span>无尽畅爽跨服群P的ARPG魔幻暴力动作手游</span>
                            <a class="list-v1__btn"></a>
                        </p>
                    </li>
                    <li>
                        <a class="list-v1__link"> <em class="cover-img" style="background-image: url(../images/3.jpg)"></em> </a>
                        <p class="list-v1__title"> <em>蓝月传奇</em> <span>正版授权传奇网页游戏巅峰大作!经典PK,万人攻城!</span>
                            <a class="list-v1__btn"></a>
                        </p>
                    </li>
                    <li>
                        <a class="list-v1__link"> <em class="cover-img" style="background-image: url(../images/5.jpg)"></em> </a>
                        <p class="list-v1__title"> <em>秦剑</em> <span>9000万玩家力荐网易新一代国民手游</span>
                            <a class="list-v1__btn"></a>
                        </p>
                    </li>
                </ul>
            </div>
            <div class="hot-mode">
                <h2 class="title-h2">热门游戏</h2>
                <ul class="list-v2">
                    <li>
                        <a class="cover-wrap"> <em class="cover-img" style="background-image: url(../images/hot-img1.jpg?ver=201703221511)"></em> </a>
                        <p class="list-v2__title"> Fate/Grand Order <a class="button-d1">下载</a> </p>
                    </li>
                    <li>
                        <a class="cover-wrap"> <em class="cover-img" style="background-image: url(../images/hot-img2.jpg?ver=201703221511)"></em> </a>
                        <p class="list-v2__title"> 崩坏3 <a class="button-d1">下载</a> </p>
                    </li>
                    <li>
                        <a class="cover-wrap"> <em class="cover-img" style="background-image: url(../images/hot-img3.jpg?ver=201703221511)"></em> </a>
                        <p class="list-v2__title"> 王者荣耀 <a class="button-d1">下载</a> </p>
                    </li>
                    <li>
                        <a class="cover-wrap"> <em class="cover-img" style="background-image: url(../images/hot-img4.jpg?ver=201703221511)"></em> </a>
                        <p class="list-v2__title"> 阴阳师 <a class="button-d1">下载</a> </p>
                    </li>
                    <li>
                        <a class="cover-wrap"> <em class="cover-img" style="background-image: url(../images/hot-img5.jpg?ver=201703221511)"></em> </a>
                        <p class="list-v2__title"> 皇室战争 <a class="button-d1">下载</a> </p>
                    </li>
                    <li>
                        <a class="cover-wrap"> <em class="cover-img" style="background-image: url(../images/hot-img6.jpg?ver=201703221511)"></em> </a>
                        <p class="list-v2__title"> 镇魔曲 <a class="button-d1">下载</a> </p>
                    </li>
                    <li>
                        <a class="cover-wrap"> <em class="cover-img" style="background-image: url(../images/hot-img7.jpg?ver=201703221511)"></em> </a>
                        <p class="list-v2__title"> 超级马里奥 <a class="button-d1">下载</a> </p>
                    </li>
                    <li>
                        <a class="cover-wrap"> <em class="cover-img" style="background-image: url(../images/hot-img8.jpg?ver=201703221511)"></em> </a>
                        <p class="list-v2__title"> 金箍棒OL <a class="button-d1">下载</a> </p>
                    </li>
                    <li>
                        <a class="cover-wrap"> <em class="cover-img" style="background-image: url(../images/hot-img9.jpg?ver=201703221511)"></em> </a>
                        <p class="list-v2__title"> 魔力宝贝 <a class="button-d1">下载</a> </p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer__cont">
            <!--<a target="_blank" style="float:right; margin-top:25px;"><img src="images/ww.png"></a>-->
            <a href="" class="logo"><img src="../images/logo-white.png" alt=""></a>
            <p>海南北斗互动娱乐有限公司</p>
            <p class="footer__text"> 地址：海南省老城高新技术产业示范区海南生态软件园</p>
            <p class="footer__text"> All Rights Reserved by www.beidouhuyu.com 北斗娱乐</p>
            <p class="last"><span>抵制不良游戏</span><span>拒绝盗版游戏</span><span>注意自我保护</span><span>谨防受骗上当</span><span>适度游戏益脑</span><span>沉迷游戏伤身</span><span>合理安排时间</span><span>享受健康生活</span></p>
        </div>
    </div>
    <script type="text/javascript">
    function SetHome(obj, url) {
        try {
            obj.style.behavior = 'url(#default#homepage)';
            obj.setHomePage(url);
        } catch (e) {
            if (window.netscape) {
                try {
                    netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
                } catch (e) {
                    alert("抱歉，此操作被浏览器拒绝！\n\n请在浏览器地址栏输入“about:config”并回车然后将[signed.applets.codebase_principal_support]设置为'true'");
                }
            } else {
                alert("抱歉，您所使用的浏览器无法完成此操作。\n\n您需要手动将【" + url + "】设置为首页。");
            }
        }
    }

    function AddFavorite(title, url) {
        try {
            window.external.addFavorite(url, title);
        } catch (e) {
            try {
                window.sidebar.addPanel(title, url, "");
            } catch (e) {
                alert("抱歉，您所使用的浏览器无法完成此操作。\n\n加入收藏失败，请使用Ctrl+D进行添加");
            }
        }
    }
    </script>
    <script src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/touchslidingBase.min.js"></script>
    <script type="text/javascript" src="../js/touchSliding.min.js"></script>
    <script type="text/javascript">
    ;
    $(function() {
        //生成bar
        var bar_length = $('#slider').children().length;
        var bar_html = '';
        for (var i = 0; i < bar_length; i++) {
            bar_html += '<a class="' + (i === 0 ? 'cur' : '') + '" style="width:' + parseInt(100 / bar_length, 10) + '%"><\/a>';
        }

        //绑定bar
        $('#slider__bar').html(bar_html).on('mouseover', 'a', function(e) {
            var $this = $(this);
            indexSlider.slide($this.index());
        });

        //播放幻灯片
        var indexSlider = new touchSliding({
            id: 'slider',
            speed: 500,
            timeout: 5000,
            before: function(index) {
                $('#slider__bar a').eq(index).addClass('cur').siblings().removeClass('cur');
            }
        });
    });

    //排行榜
    $('.j-ranking').on('mouseover', 'li', function() {
        $(this).addClass('select').siblings().removeClass('select');
        return false;
    });
    </script>
</body>

</html>
